<template>
    <div id="tab-contents">
        <div class="text-all">
            全部
        </div>
        <TabItem class="tab-content"/>
        <TabItem/>
        <TabItem/>
        <TabItem/>
    </div>
</template>
<!--全部 省内 部分-->
<script>
    import TabItem from "../tabItem/TabItem";
    export default {
        name: "TabConent",
        components: {
            TabItem
        }
    }
</script>

<style scoped>
    #tab-contents{
        display: flex;
        margin-left: 20px;
        width: 840px;
    }

    #tab-contents .text-all{
        background-color: #00C8A9;
        color: white;
        width: 100px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        margin-top: 10px;
        font-size: 14px;
    }
</style>
